<?php
require_once '../funciones/funciones.php';
$con = new MySQL;
?>
<!DOCTYPE html>
<html>
    <head>
        <?php require_once '../includes/head.html' ?>
        <title>Consulta de Preguntas</title>
    </head>
    <script type="text/javascript">
        jQuery(document).ready(function(){
<?php require_once '../includes/jsEnReady.php'; ?>
                jQuery("#list").jqGrid({
                    url: '',
                    datatype: 'xml',
                    colNames:['Editar','Tipo','Tema','Subtema','Nivel','Pregunta'],
                    colModel :[
                        {name:'edita',index:'edita', width:60,sortable:false, editable:true,align:"center"},
                        {name:'pregTipo',index:'pregTipo', width:60, editable:true},
                        {name:'temaNombre',index:'temaNombre', width:160, editable:true},
                        {name:'subtemaNombre',index:'subtemaNombre', width:140, editable:true},
                        {name:'nivel',index:'nivel', width:60, editable:true,edittype:"select",editoptions:{value:"0:No;1:Si"}},
                        {name:'pregDes',index:'pregDes', width:500, editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button' onclick='fnAeditar(" + cl + ");' value='Editar' style='font-weight: bolder;font-style: italic;font-size: 13px;padding: 1px 2px' \\>";
                            jQuery("#list").setRowData(cl,{edita:se});
                        }
                    },
                    autowidth: true,
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50,100,200],
                    sortname: 'pregTipo',
                    sortorder: "asc",
                    subGrid : true, 
                    subGridUrl: '../scripts/cargaPreguntas.php?q=2', 
                    subGridModel: [{ name : ['Orden','Clave','Distractor','Parametros','Respuesta'], width : [50,50,600,90,90] } ],
                    viewrecords: true,
                    caption: 'Preguntas',
                    height:260
                }); //fin jQuery(document).ready(function(){
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#tema").change(function(){
                    if($(this).val()!=""){
                        $("#divSubtema").css("display", "block");
                        $("#divNivel").css("display", "block");
                        $("#divSubtema").load("../scripts/cargasLoad.php", {opc: '1',opc2:'1',valor:$(this).val()},function(data){
                            $("#divNivel").load("../scripts/cargasLoad.php", {opc: '2',opc2:'1',valor:$("#tema").val()},function(){
                            });
                        });
                        
                    }
                    else {
                        $("#divSubtema").html('');
                        $("#divSubtema").css("display", "none");
                        $("#divNivel").html('');
                        $("#divNivel").css("display", "none");
                    }                   
                });
                $("#btnConsulta").click(function(){
                    $("#list").jqGrid('setGridParam',{url: "../scripts/cargaPreguntas.php?q=1&" + $("#formPregunta").serialize()}).trigger("reloadGrid")
                });
            }); //fin jQuery(document).ready(function(){
            function fnAeditar(vpregId){        
                window.opener.editaPregunta(vpregId);
                window.close();
                return true;
            }
    </script>
    <body>
        <div class="ui-accordion-header ui-state-default ui-corner-all titulo" id="divPruebaTapion">Consulta de Preguntas</div>
        <?php include '../includes/body.php'; ?>
        <fieldset>
            <legend>Filtro de la consulta</legend>
            <form id="formPregunta" method="POST" >
                <table>
                    <tr>
                        <td><label for="tipo">Tipo</label></td>
                        <td colspan="8">
                            <select id="tipo" name="tipo">
                                <option value="">Todos</option>
                                <option value="P">Práctica</option>
                                <option value="T">Teórica</option>
                            </select>
                        <label for="contiene">Contiene</label>
                        <input type="text" id="contiene" name="contiene" size="30" /> 
                        </td>
                    </tr>
                    <tr>
                        <td><label for="tema">Tema</label></td>
                        <td>
                            <select id="tema" name="tema" >
                                <option value="">Todos</option>
                                <?php
                                $sql = "select * from temas order by temaOrden";
                                $result = $con->consulta($sql);
                                while ($row = $con->unaFila($result))
                                    echo "<option value='{$row['temaId']}'>{$row['temaNombre']}</option>";
                                ?>
                            </select>
                        </td>
                        <td><label for="subtema">Subtema</label></td>
                        <td><div id="divSubtema"></div></td>
                        <td><label for="nivel">Nivel</label></td>
                        <td><div id="divNivel"></div></td>
                    </tr>
                    <tr>
                        <td colspan="8" style="text-align: center;">
                            <input type="button" id="btnConsulta" value="Consultar" />
                            <input type="button" id="btnConsulta" value="Cerrar" onclick="window.close();" />
                        </td>
                    </tr>
                </table>
            </form>
        </fieldset>
        <?php
        // put your code here
        ?>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll"></table>

    </body>
</html>